<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link th:href="@{/erp/assets/css/bootstrap.min.css}" rel="stylesheet"/>
    <link rel="stylesheet" th:href="@{/erp/css/style.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome.min.css}"/>
    <link rel="stylesheet" th:href="@{/erp/Widget/zTree/css/zTreeStyle/zTreeStyle.css}" type="text/css">
    <link th:href="@{/erp/Widget/icheck/icheck.css}" rel="stylesheet" type="text/css"/>
    <!--[if IE 7]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/font-awesome-ie7.min.css}"/>
    <![endif]-->
    <!--[if lte IE 8]>
    <link rel="stylesheet" th:href="@{/erp/assets/css/ace-ie.min.css}"/>
    <![endif]-->
    <script th:src="@{/erp/js/jquery-1.9.1.min.js}"></script>
    <script th:src="@{/erp/assets/js/bootstrap.min.js}"></script>
    <script th:src="@{/erp/assets/js/typeahead-bs2.min.js}"></script>
    <!-- page specific plugin scripts -->
    <script th:src="@{/erp/assets/js/jquery.dataTables.min.js}"></script>
    <script th:src="@{/erp/assets/js/jquery.dataTables.bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/H-ui.js}"></script>
    <script type="text/javascript" th:src="@{/erp/js/H-ui.admin.js}"></script>
    <script th:src="@{/erp/assets/layer/layer.js}" type="text/javascript"></script>
    <script th:src="@{/erp/assets/laydate/laydate.js}" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/erp/Widget/zTree/js/jquery.ztree.all-3.5.min.js}"></script>
    <script th:src="@{/erp/js/lrtk.js}" type="text/javascript"></script>
    <title>激光码管理</title>

</head>

<body>

<div class="margin clearfix">
    <div class="stystems_style">
        <div class="tabbable">
            <div class="page-content clearfix">
                <div id="Member_Ratings">
                    <div class="d_Confirm_Order_style">
                        <ul class="nav nav-tabs" id="myTab">
                            <li class="active">
                                <a data-toggle="tab" th:href="@{#home}"><i class="green fa fa-home bigger-110"></i>激光码管理</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">

                        <div id="home" class="tab-pane active">
                            <div class="search_style">
                                <form>
                                    <ul class="search_content clearfix">
                                        <li><label class="l_f">订单号：</label>
                                            <input name="lNo" type="text" id="no" class="text_add"
                                                   placeholder="输入订单编号"
                                                   style=" width:400px"/></li>
                                        <li style="width:90px;">
                                            <button type="button" class="btn_search" id="search"><i
                                                    class="icon-search"></i>查询
                                            </button>
                                        </li>
                                    </ul>
                                </form>
                            </div>
                        </div>

                        <!---->
                        <div class="border clearfix">
        <span class="l_f">
         <a href="javascript:;" id="member_ad" class="btn btn-warning"><i class="icon-plus"></i>生成激光码</a>
        </span>
                        </div>
                        <table class="table table-striped table-bordered table-hover" id="sample-table">
                            <thead>
                            <tr>
                                <th width="100"><label><input type="checkbox" id="btnAllChk" class="ace"><span
                                        class="lbl"></span></label></th>
                                <th width="150">订单编号</th>
                                <th width="150">产品名称</th>
                                <th width="150">交易金额</th>
                                <th width="150">交易时间</th>
                                <th width="150">数量</th>
                                <th width="100">激光码</th>
                                <th width="100">操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                </div>

                <!--打码分配图层2-->
                <div class="add_menbe" id="add_menber_sty" style="display:none">

                    <ul class=" page-content">
                        <table class="table table-striped table-bordered table-hover" id="sample-table2">
                            <thead>
                            <tr>
                                <th width="150">订单编号</th>
                                <th width="170">组码</th>
                            </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </ul>
                </div>

            </div>
        </div>
    </div>
</div>
</div>
</body>
</html>
<script>


    $(function () {

        $("#sample-table").dataTable().fnDestroy();

        var table2 = $('#sample-table').dataTable({
            "autoWidth": false,//当重复刷新表格时，我的页面会出现变形的，现象，加了这个就好了

            searching: false,
            serverSide: true,   //开始服务器分页
            ajax: {
                url: '/laser/findAllLaser',
                type: 'post',
                data: function (d) {
                    var data = $('form').serialize();   //获取查询条件

                    //获取分页信息
                    var searchParams = {
                        start: d.start,
                        length: d.length,
                    };
                    data = data + '&' + $.param(searchParams);
                    return data;
                }
            },
            columnDefs: [{
                "defaultContent": "",
                "targets": "_all"
            }],
            columns: [
                {
                    "data": "id", "createdCell": function (td, cellData, rowData, row, col) {
                        if (rowData.laser_code == 1) {
                            $(td).empty().append('<label><input type="checkbox" value="' + rowData.id + '" id="ID" name="yy" class="ace" disabled><span\n' +
                                '                                            class="lbl"></span></label>');
                        } else {
                            $(td).empty().append('<label><input type="checkbox" value="' + rowData.id + '" id="ID" name="yy" class="ace"  ><span\n' +
                                '                                            class="lbl"></span></label>');
                        }
                    }
                },
                {"data": "order_id"},
                {"data": "p_name"},
                {"data": "money"},
                {"data": "deal_times"},
                {"data": "number"},
                {
                    "data": "laser_code", "createdCell": function (td, cellData, rowData, row, col) {

                        if (cellData == "1") {
                            $(td).empty().append("已生成");
                        } else if (cellData == "-1") {
                            $(td).empty().append('未生成');
                        }
                    }
                },
                {

                    "data": "laser_code", "createdCell": function (td, cellData, rowData, row, col) {

                        if (cellData == "1") {
                            $(td).empty().append(' <a title=\"分配打印\" href="/laser/fp"  class=\"btn btn-xs btn-info\"><i class="bigger-20">分配打印</i></a>');
                        } else if (cellData == "-1") {
                            $(td).empty().append(' <a title="分配打印" class="btn btn-xs"><i class="bigger-20">分配打印</i></a>');
                        }
                    }
                },
            ]
        });
        //搜索按钮事件
        $('#search').click(function () {
            table2.fnUpdate();
        })

    })


    $('table th input:checkbox').on('click', function () {
        var that = this;
        $(this).closest('table').find('tr > td:first-child input:checkbox')
            .each(function () {
                this.checked = that.checked;
                $(this).closest('tr').toggleClass('selected');
            });

    });


    $('[data-rel="tooltip"]').tooltip({placement: tooltip_placement});

    function tooltip_placement(context, source) {
        var $source = $(source);
        var $parent = $source.closest('table')
        var off1 = $parent.offset();
        var w1 = $parent.width();

        var off2 = $source.offset();
        var w2 = $source.width();

        if (parseInt() < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
        return 'left';
    }


    /*生成激光码*/
    $('#member_ad').on('click', function () {
        var abc = [];

        //定义一个空数组
        $("input[name='yy']:checked").each(function (i) {    //把所有被选中的复选框的值存入数组
            abc[i] = $(this).val();
        });

        if (abc.length > 0) {
            $.ajax({
                url: '/laser/lasers',
                type: 'post',
                dataType: 'json',
                data: {
                    id: abc[0]
                },
                success:function (data) {
                    if (data.rs){
                        var checkID = [];
                        $("input[name='checkedid']:checked").each(function (i) {    //把所有被选中的复选框的值存入数组
                            checkID[i] = $(this).val();
                        });
                        if (abc.length < 1) {
                            layer.open({
                                title: '提示',
                                content: '请选择需要生成的订单编号！'
                            })
                            return;
                        }
                        if (abc.length > 1) {
                            layer.open({
                                title: '提示',
                                content: '只能选择一条订单！'
                            })
                        } else {
                             $("#sample-table2").dataTable().fnDestroy();
                            var table1 = $('#sample-table2').dataTable({
                                "autoWidth": false,
                                searching: false,
                                serverSide: true,   //开始服务器分页


                                ajax: {
                                    url: '/laser/code',
                                    type: 'post',
                                    data: function (d) {
                                        var searchParams = {
                                            start: d.start,
                                            length: d.length,
                                            id: abc[0]
                                        };
                                        return $.param(searchParams);
                                    }
                                },
                                columns: [
                                    {"data": "l_no"},
                                    {"data": "l_code"},
                                ]
                            });
                            //搜索按钮事件
                            $('#member_ad').click(function () {
                                table1.fnUpdate();
                            })

                            layer.open({

                                /* 分页列表 */
                                type: 1,
                                title: '选择订单生成',
                                maxmin: true,
                                shadeClose: true, //点击遮罩关闭层
                                area: ['1200px', ''],
                                content: $('#add_menber_sty'),
                                btn: ['确定', '取消'],
                                yes: function (index, layero) {


                                    var num = 0;
                                    var str = "";
                                    $(".add_menber input[type$='text']").each(function (n) {
                                        if ($(this).val() == "") {

                                            layer.alert(str += "" + $(this).attr("name") + "不能为空！\r\n", {
                                                title: '提示框',
                                                icon: 0,
                                            });
                                            num++;
                                            return false;
                                        }
                                    });
                                    if (num > 0) {
                                        return false;
                                    } else {
                                        layer.alert('生成成功！', {
                                            title: '提示框',
                                            icon: 1,
                                        });

                                        layer.close(index);
                                        $('#search').click();
                                    }
                                }
                            });
                        }
                    }else {
                        layer.msg(data.msg, {icon: 2, time: 2000});
                    }
                }
            })
        }


    });


    $(function () {

        //全不选

        $("#btnAllNotChk").click(function () {

            $("#chk input:checkbox").removeAttr("checked");

        });

        //全选

        $("#btnAllChk").click(function () {

            $(".ace").attr("checked", "checked");

        });

        //反选

        $("#btnInvert").click(function () {

            $("#chk input:checkbox").each(function () {

                this.checked = !this.checked;

            })
        });
    })
    /*-删除*/
    $("#delete").click(function () {
        var abc = $("input[type=checkbox]:not(:eq(0)):checked");
        var arr = [];
        for (var i = 0; i < abc.length; i++) {
            arr.push(abc[i].value);
        }

        $.ajax({
            url: '/laser/delete',
            type: 'post',
            dataType: 'json',
            contentType: "application/json;charsetset=UTF-8",
            data: JSON.stringify(arr),
            success:function (d) {
                if(d.data){

                }else{
                    layer.msg(data.msg, {icon: 2, time: 2000});
                }
            }

        })

        window.parent.document.getElementById('iframe').contentWindow.location.reload(true);
    })
</script>
